<script setup>
import NowWeather from '../components/NowWeather.vue'
import CitySearch from '../components/CitySearch.vue';
import LivingIndex from '../components/LivingIndex.vue';
import Future24HWeather from '@/components/Future24HWeather.vue';
import Future7DWeather from '@/components/Future7DWeather.vue';
</script>
<template>
    <div>
        <CitySearch />
        <NowWeather />
        <div class="future">
         <div><Future24HWeather/></div>  
           <div><Future7DWeather /></div>
        </div>
        <LivingIndex />
    </div>
</template>

<style scoped>
.future{
    display: flex;
}
.future div{
    flex: 1;
}
</style>